{% extends "dtdBase.html" %}

{% block title %}发布任务{% endblock %}

{% load updateleftmenucss %}

{% block leftmenu %}{% left_css "infocernter" %} {% endblock %}

{% block javascript %}
    <script type="text/javascript" src="/static/js/plugins/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/static/js/custom/form.js"></script>
    <script type="text/javascript" src="/static/js/plugins/jquery.smartWizard-2.0.min.js"></script>
    <script type="text/javascript" src="/static/js/custom/taskprocess.js"></script>

    <style>
        .ui-datepicker-today {
            background-color: #ffffcc !important;
        }
       .ui-state-highlight{
           background-color:#ffffcc !important;
        }
       .ui-datepicker-unselectable, td.ui-state-disabled  {
           color: #bbbbbb !important;
           text-align: center;
       }

    </style>
{% endblock %}
{% block maincontentinner %}

            	
                <ul class="maintabmenu multipletabmenu">
                    <li ><a href="{% url 'load_infocenter' %}">议价区</a></li>
                    <li><a href="{% url 'my_task' %}">我的任务</a></li>
                    <li class="current"><a href="{% url 'load_create_task' %}">发布任务</a></li>
                </ul><!--maintabmenu-->
                
                <div class="content">
                    <div class="contenttitle">
                    	<h2 class="form"><span>创建任务</span></h2>
                    </div><!--contenttitle-->
                    
                    <br />


                    <!-- START OF VERTICAL WIZARD -->
                    <form class="stdform stdform2" method="post" id="create_task" name="create_task" action="{% url 'create_task' %}">
                        <div id="wizard3" class="wizard verwizard">

                            <ul class="verticalmenu">
                                <li>
                                    <a href="#wiz1step3_1">
                                        <span class="label">步骤 1: 任务信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#wiz1step3_2">
                                        <span class="label">步骤 2: 账号信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#wiz1step3_3">
                                        <span class="label">步骤 3: 服务及条款</span>
                                    </a>
                                </li>
                            </ul>

                            <div id="wiz1step3_1" class="formwiz">
                                <h2>步骤 1: 基本信息</h2> <br />


                                    <p>
                                        <label>任务内容</label>

                                        <span class="field">

                                            <textarea cols="80" rows="3" name="content" id="content" class="longinput"></textarea>
                                            <label id="msg_content" for="content" class="error" style="display: block;"></label>
                                            <small class="descleft">(如:需要一名兼职的英语老师,进行一对一培训,短时间内提高口语以及发音,要求英语英语六级或者专业四级,责任心强)</small>
                                        </span>

                                    </p>

                                    <p>
                                        <label>开始和结束日期</label>
                                        <span class="field">
                                            <input id="startdatepic" name="startdatepic" type="text" class="width100" readonly="true"/>&nbsp;&nbsp;至&nbsp;&nbsp;
                                            <input id="enddatepic" name="enddatepic" type="text" class="width100" readonly="true"/>

                                            <label id="msg_data" for="startdatepic" class="error" style="display: block;"></label>

                                            <small class="descleft">(需至少提前两天)</small>

                                        </span>
                                    </p>
                                    <p>
                                        <label>所在位置 </label>
                                        <span class="field">
                                            <select name="city" id="city">
                                            <option value="1">上海</option>
                                           </select>
                                            <small class="descleft">(您当前所在位置)</small>
                                        </span>
                                    </p>
                                    <p>
                                     <label>语种:</label>
                                    <span class="field">
                                     <select name="language" id="language" class="field">
                                         <option value="">请选择</option>
                                        {% for lan in language %}
                                            <option value="{{ lan.Attribute_key }}">{{ lan.Attribute_value }}</option>
                                        {% endfor %}
                                     </select>
                                      <label id="msg_language" for="language" class="error" style="display: block;"></label>
                                      <small class="descleft">(您所希望培训或者翻译的语言)</small>
                                     </span>
                                    </p>
                                    <p>
                                            <label>任务类型</label>
                                            <span class="field">
                                                <select name="type" id="type">
                                                    <option value="">请选择</option>
                                                    <option value="1">培训</option>
                                                    <option value="2">翻译</option>
                                                </select>
                                                <label id="msg_type" for="type" class="error" style="display: block;"></label>
                                                <small class="descleft">(翻译包含现场翻译.文件翻译等)</small>
                                            </span>
                                    </p>
                                  <p>
                                    <label>预算<small>(人民币)</small></label>
                                    <span class="field">

                                        <input type="text" id="price" name="price" class="smallerinput" />
                                        <label id="msg_price" for="price" class="error" style="display: block;"></label>

                                    </span>

                                 </p>




                            </div><!--#wiz1step3_1-->

                            <div id="wiz1step3_2" class="formwiz">
                                <h2>步骤 2: 账号信息</h2> <br />
                                <p>
                                    <label>姓名</label>
                                    <span class="field">
                                        <input type="text" name="account" id="account" class="smallinput" value="{{ userInfo.User_name }}"/>
                                        <label id="msg_account" for="account" class="error" style="display: block;"></label>
                                    </span>


                                </p>
                                <p>
                                    <label>邮箱</label>
                                    <span class="field">
                                        <input type="text" name="email"  id="email" class="smallinput" readonly="true" value="{{userInfo.User_email }}"/>
                                        <label id="msg_email" for="email" class="error" style="display: block;"></label>
                                    </span>

                                </p>
                                <p>
                                    <label>电话号码：</label>
                                    <span class="field">
                                        <input type="text" name="cellphone"  id="cellphone"  class="smallinput" value="{{ userInfo.User_cellphone }}" />
                                        <label id="msg_cellphone" for="cellphone" class="error" style="display: block;"></label>
                                    </span>

                                </p>
                            </div><!--#wiz1step3_2-->

                            <div id="wiz1step3_3">
                                <h2>步骤 3: 服务及条款</h2>
                                <div class="par terms">
                                    <p>提交任务后,我们将有专门人员联系并确认您提交的信息,之后您需要支付100元的定金,
                                       我们将推荐给您已经注册翻译人员或者培训师. 并在您合适的时候安排他(她)们让您面试。 </p>
                                    <p>当您面试到合适人选后确认后,您需要支付总金额的50%作为您的先期费用,当进行至总课程一半时,
                                        您需要支付清总金额50%  </p>
                                    <p> 若您不需要面试人员后，我们将返回50%的定金. </p>

                                   <br />
                                    <p><input type="checkbox" id="agree" name="agree" /> 同意此服务及条款</p>
                                    <label id="msg_agree" for="cellphone" class="error" style="display: block;"></label>
                                </div>
                            </div><!--#wiz1step3_3-->

                        </div><!--#wizard-->
                    </form>

                    <br clear="all" /><br />

                                        
                    
                </div><!--content-->
{% endblock %}